<!DOCTYPE html>
<html lang="en">
<head>
	<title>Social Media Influencer Analytics Platform - GugeeData</title>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="baidu-site-verification" content="7Kv8mw99Qh"/>
	<meta name="google-site-verification" content="YPMm_1_f59WXKSd04F1LGCjKeDGVrf_ajrylNKEDtqg"/>
	<meta name="description" content="Social media analytics report for any influencers, filtering out the fake followers, analyzing audience distribution and evaluating the ads performance on GugeeData.">
	<meta name="keywords" content=" Social Media Influencer , Social Media Influencer analytics">
	<meta property="og:title" content="Social Media Influencer Analytics Platform - GugeeData">
	<meta property="og:description" content="Social media analytics report for any influencers, filtering out the fake followers, analyzing audience distribution and evaluating the ads performance on GugeeData.">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://www.gugeedata.com">
	<meta property="og:image" content=" https://seo-imags.s3.us-east-2.amazonaws.com/Logo.png">
	<meta name="twitter:title" content="Social Media Influencer Analytics Platform - GugeeData">
	<meta name="twitter:description" content="Social media analytics report for any influencers, filtering out the fake followers, analyzing audience distribution and evaluating the ads performance on GugeeData.">
	<meta name="theme-color" content="#1890FF" />
	<link rel="icon" href="${request.contextPath}/static/img/favicon.ico" type="image/x-icon"/>
	<link rel="shortcut icon" href="${request.contextPath}/static/img/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="${request.contextPath}/static/css/reset.css">
	<link rel="stylesheet" href="${request.contextPath}/static/css/ins/common.css">
	<link rel="stylesheet" href="${request.contextPath}/static/css/ins/main.css">
	<#include "./component/facebookPixel.ftl">
</head>
<body>
<#include "./header_new1.ftl">
<main>
	<section>
		<div class="top-wrap">
			<h1>Social Media Influencer Analytics Platform</h1>
			<h2>Find top TikTok & Instagram influencers to collaborate</h2>
			<div class="gd-search" tabindex="0" id="searchWrap">
				<div class="gd-search__wrap">
					<i class="iconfont iconsousuo1"></i>
					<input type="text" id="insKeyword" placeholder="Check any influencer username...">
				</div>
				<div class="search-wrap" id="searchResultWrap">
					<ul class="search-tab">
						<li class="is-active" onclick="changeSearchPlat(this, 0)">Instagram</li>
						<li onclick="changeSearchPlat(this, 1)">TikTok</li>
					</ul>
					<div class="result-list" id="searchResultList">
					</div>
				</div>
			</div>
		</div>
	</section>
	<section>
		<div class="container">
			<div class="flex-list">
				<div class="flex-item">
					<dl>
						<dt>
							<h3>Influencer Search & Filters</h3>
							<p class="sub-title">18+ search filters help you find the right influencers who match with your campaign three criterion.</p>
						</dt>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Influencer profile information
						</dd>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Influencer statistical performance
						</dd>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Audience demographics & geographics
						</dd>
					</dl>
					<button class="gd-btn">
						<a href="${contextPath}/instagram/search">Search Now</a>
					</button>
				</div>
				<div class="flex-item">
					<img src="${request.contextPath}/static/img/ins/main-item1.png" srcset="${request.contextPath}/static/img/ins/main-item1@2x.png 2x" alt="Influencer Search & Filters">
				</div>
			</div>
			<div class="flex-list">
				<div class="flex-item is-order">
					<dl>
						<dt>
							<h3>In-depth Influencer Analysis</h3>
							<p class="sub-title">The AI-driven analysis of the influencer to ensure match of the influencer and your brand.</p>
						</dt>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Account Overview
						</dd>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Audience Demographics
						</dd>
						<dd>
							<div class="icon">
								<i class="iconfont iconzhichi"></i>
							</div>
							Ads Evaluation
						</dd>
					</dl>
					<button class="gd-btn">
						<a href="${contextPath}/instagram/analytics">Check it Out</a>
					</button>
				</div>
				<div class="flex-item">
					<img src="${request.contextPath}/static/img/ins/main-item2.png" srcset="${request.contextPath}/static/img/ins/main-item2@2x.png 2x" alt="In-depth Influencer Analysis">
				</div>
			</div>
			<div class="rank-wrap">
				<h3>Global Influencer Ranking</h3>
				<p class="sub-title">Explore the real-time top 1000 influential and the fastest growing influencers in the
					selected category & country to find out the potential partners.</p>
				<button class="gd-btn btn-info">
					<a href="${contextPath}/instagram/rank-influencers">View Sample Report</a>
				</button>
				<img class="rank-bg-mobile" src="${request.contextPath}/static/img/ins/main-item3-mobile@2x.png" alt="Global Influencer Ranking">
				<img class="rank-bg" src="${request.contextPath}/static/img/ins/main-item3.png" alt="Global Influencer Ranking">
			</div>
			<div class="discovery-wrap">
				<h3>Discovery Influencers Now</h3>
				<div class="dis-list">
					<div class="dis-item">
						<img width="40" height="40" src="${request.contextPath}/static/img/ins/tiktok.png" srcset="${request.contextPath}/static/img/ins/tiktok@2x.png 2x" alt="TikTok Influencer">
						<h3>TikTok Influencer</h3>
						<p>
							Discover on how to optimize TikTok ad campaign
						</p>
						<button class="gd-btn btn-info">
							<a href="/influencer/gdindex">Learn More</a>
						</button>
					</div>
					<div class="dis-item">
						<img width="40" height="40" src="${request.contextPath}/static/img/ins/ins.png" srcset="${request.contextPath}/static/img/ins/ins@2x.png 2x" alt="Instagram Influencer">
						<h3>Instagram Influencer</h3>
						<p>Get improvement on Instagram influencer marketing</p>
						<button class="gd-btn btn-info">
							<a href="/instagram/search">Learn More</a>
						</button>
					</div>
				</div>
			</div>
		</div>
	</section>
</main>
<#include "footer_new.ftl">
<script src="${request.contextPath}/static/js/nums.js" charset="utf-8"></script>
<script>
    let platType = 0
    const input = document.getElementById('insKeyword')
    input.addEventListener('input', debounce(() => {
        if(platType === 0) {
            searchUserByIns()
        } else {
            searchUserByTikTok()
        }
    }, 300))
    document.addEventListener('click', e => {
        if((e.target.tagName !== 'LI' || e.target.parentElement.className !== 'search-tab') &&
            e.target.id !== 'insKeyword') {
            document.getElementById('searchResultWrap').hide()
        }
    })

	function changeSearchPlat(e, type) {
	    if(platType !== type) {
	        platType = type
            e.parentElement.querySelector('.is-active').classList.remove('is-active')
            e.classList.add('is-active')
		    if(platType === 0) {
                searchUserByIns()
		    } else {
                searchUserByTikTok()
		    }
	    }
	}
	function searchUserByIns() {
        const input = document.getElementById('insKeyword')
        if(!input.value) {
            return false
        }
        document.getElementById('searchResultWrap').show()
        const wrap = document.getElementById('searchResultList')
        wrap.showLoading()
        const url = getEncodeUrl('/ins/blogger/search', {
            username: input.value
        })
		visitRecord(3)
        _axios.get(url).then(res => {
            if(res.Code === 200) {
                const list = res.Data.list
                let str = ''
                if(list.length > 0) {
                    list.forEach(item => {
                        str += '<a href="/instagram/influencer/' + item.username + '">'
                        str += '<div class="result-item">' +
                            '<div class="avatar">' +
                            '<img class="img-avatar" src="' + item.picUrl + '" alt="' + item.fullName + '">'
                        if(item.isVerified) {
                            str += '<img class="icon" src="${request.contextPath}/static/img/ins/Authentication.png" srcset="${request.contextPath}/static/img/ins/Authentication@2x.png 2x" alt="auth">'
                        }
                        str += '</div>' +
                            '<div class="user-info">' +
                            '<div class="title">' + item.fullName + '</div>' +
                            '<div class="sub-title">' + item.username + ' • Follower ' + numFormat(item.followerCount) +
                            '</div>' +
                            '</div>' +
                            '</div>'
                        str += '</a>'
                    })
                    wrap.innerHTML = str
                    wrap.querySelectorAll('a').forEach(item => {
                        item.addEventListener('click', e => {
                            e.stopPropagation()
                        })
                    })
                } else {
                    showNoDataImg(wrap)
                }
            }
            wrap.hideLoading()
        })
	}
    function searchUserByTikTok() {
        const wrap = document.getElementById('searchResultList')
        wrap.showLoading()
        const input = document.getElementById('insKeyword')
		visitRecord(3)
        _axios.get('/tiktoker/search?keyword=' + input.value).then(res => {
            if (res.Code === 200) {
                let list = res.Data
                if (list.length > 0) {
                    let str = ''
                    res.Data.forEach(item => {
                        str += '<a href="${contextPath}/tiktoker/' + item.uniqueId + '">'
                        str += '<div class="result-item">' +
                            '<div class="avatar">' +
                            '<img class="img-avatar" src="' + item.avatar + '" alt="' + item.nickname + '">'
                        if(item.customVerify || item.enterpriseVerifyReason) {
                            str += '<img class="icon" src="${request.contextPath}/static/img/ins/Authentication.png" srcset="${request.contextPath}/static/img/ins/Authentication@2x.png 2x" alt="auth">'
                        }
                        str += '</div>' +
                            '<div class="user-info">' +
                            '<div class="title">' + item.nickname + '</div>' +
                            '<div class="sub-title">' + item.uniqueId + ' • Follower ' + item.followerCount +
                            '</div>' +
                            '</div>' +
                            '</div>'
                        str += '</a>'
                    })
                    wrap.innerHTML = str
                } else {
                    showNoDataImg(wrap)
                }
                wrap.hideLoading()
            }
        })
    }
</script>
</body>
</html>
